<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>System zarządzania sprzętem</title>
		<link rel="stylesheet" href="/web/style.css">
	</head>
	<body>
		<header>System zarządzania sprzętem</header>
		<nav>
			<ul>
				{% for category in categories %}
					<li><a href="{{category}}">{{category|capitalize}}</a></li>
				{% endfor %}
				<li><a href="#">Informacje</a></li>
				<li><a href="#">Preferencje</a></li>
			</ul>
		</nav>
		<table id="main">
    		{% for computer in list %}
			<tr>
				<td><a href="{{computer.group}}/{{computer._id}}">{{computer._id}}</a></td>
				<td>{{computer.ipaddr}}</td>
				<td>
					<ul>
						{% for name, mac in computer.interfaces.items() %}
							<li>{{name}}: {{mac}}</li>
						{% endfor %}
					</ul>
				</td>
				<td>{{computer.system}}</td>
			</tr>	
			{% endfor %}
		</table>
		<footer>Copyright &copy; by The Independend State Of Kanciapa</footer>
	</body>
</html>